<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<title>注册新用户</title>
		<meta http-equiv="x-dns-prefetch-control" content="on">
		<link rel="dns-prefetch" href="http://pic.c-ctrip.com">
		<link rel="dns-prefetch" href="http://res.m.ctrip.com">
		<link rel="dns-prefetch" href="http://images4.c-ctrip.com">
		<link rel="dns-prefetch" href="http://webresource.c-ctrip.com">
		<link rel="dns-prefetch" href="http://webapi.amap.com">
		<link href="../mui/css/mui.min.css" rel="stylesheet" />
		<link href="../mui/css/mui.picker.min.css" rel="stylesheet" />
		<link href="../styles/default.css" rel="stylesheet" />
		<link href="../font-awesome/css/font-awesome.min.css" rel="stylesheet" />
		<style>
			body {
				background-color: #fff;
			}
			
			.register-wrap {
				display: flex;
				flex-direction: column;
				padding: 0 2.5rem;
			}
			
			.register-container {
				margin-top: 4.1rem;
			}
			
			.register-container form input:not(:nth-child(6)) {
				border: 0;
				border-bottom: 1px solid #ddd;
			}
			
			.message {
				position: relative;
			}
			
			.message input {
				font-size: 0.6rem;
				outline: none;
			}
			
			input[type="text"],
			input[type="password"] {
				outline: none;
				font-size: 0.6rem;
				font-weight: 400;
				border-radius: 0;
				width: 100%;
				height: 2.5rem;
				padding: 0 0.4rem;
				text-align: left;
				display: inline-block;
				background: transparent;
				margin-bottom: 0;
			}
			
			/*input::-webkit-input-placeholder {
				color: #ccc;
			}*/
			
			.code {
				position: absolute;
				top: 85%;
				right: 0;
				color: #e61772;
				font-size: 0.7rem;
				/*width: 80px;
				height: 30px;
				line-height: 30px;
				background-color: #e61772;
				color: #fff;
				text-align: center;
				border-radius: 2px;
				top: 80%;*/
			}
			
			.agree {
				margin: 6% 0;
			}
			
			.agree a {
				color: #e61772;
			}
			/*.login-container input[type="text"] {
				background: url(../styles/images/username.png) no-repeat 5px 5px;
			}
			
			.login-container input[type="password"] {
				background: url(../styles/images/password.png) no-repeat 5px 5px;
			}*/
			
			.register-btn {
				margin: 4.1rem 0 0;
				text-align: center;
			}
			
			.register-btn input {
				width: 100%;
				color: #fff;
				padding: 0.5rem 0.75rem;
				border: none;
				border-radius: 0.25rem;
				background-color: #e61772;
				margin-bottom: 0.7rem;
			}
			
			.input[type="submit"] {
				font-size: 0.6rem;
				letter-spacing: 0;
				text-transform: uppercase;
				letter-spacing: 2px;
				outline: none;
				margin: 2.25rem auto 1.5rem;
				transition: 0.5s all;
				-webkit-transition: 0.5s all;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav hotel-header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">注册新用户</h1>
		</header>
		<div class="register-wrap">
			<div class="register-container">
				<form id="register" action="" method="post">
					<div class="message">
						<input type="text" placeholder="输入手机号" pattern="[0-9]{11}" required="">
						<input type="password" placeholder="请输入6-25位密码" pattern="[0-9A-Za-z]{6,25}" required="">
						<input type="password" placeholder="请再次输入密码" pattern="[0-9A-Za-z]{6,25}" required="">
						<input type="text" placeholder="输入验证码" pattern="[0-9]{6}" required="">
						<!--<div class="icons">
                        <b><img src="images/zc-1.jpg" alt=""></b>
                        <b><img src="images/zc-2.jpg" alt=""></b>
                        <b><img src="images/zc-3.jpg" alt=""></b>
                        <b><img src="images/zc-3.jpg" alt=""></b>
                    </div>-->
						<a class="code" href="" required="">获取验证码</a>
					</div>
					<div class="agree">
						<!--<input type="checkbox"><span>&nbsp;同意&nbsp;</span>-->
						已同意
						<a href="">《爱爱网会员服务条款及细则》</a>
					</div>
					<div class="register-btn">
						<input type="submit" value="注册">
					</div>
					<!--<button class="submit" type="submit">注册</button>-->
				</form>
			</div>
		</div>
			<script src="../mui/js/mui.min.js"></script>
			<script src="../libs/ems.js" data-main='./city.js'></script>
			<script type="text/javascript">
				mui.init()
			</script>
	</body>

</html>